/*********************************************************************************/
/* Basic                                                                         */
/*********************************************************************************/

	body
	{
		height: 100%;
	}
	
	body,input,textarea,select
	{
		line-height: 1.75em;
		resize:none;
	}

	h2
	{
		font-size: 1.2em;
	}

	h3, h4, h5, h6
	{
		font-size: 1em;
	}

	/* Button */

		input[type="button"],
		input[type="submit"],
		input[type="reset"],
		.button
		{
			display: inline-block;
			padding: 0.125em 1em 0.125em 1em;
			font-size: 0.75em;
			font-weight: 0;
		}
		
			input[type="button"].small,
			input[type="submit"].small,
			input[type="reset"].small,
			.button.small
			{
				font-size: 0.85em;
				padding: 0.35em 1.5em 0.35em 1.5em;
			}
		
			input[type="button"].big,
			input[type="submit"].big,
			input[type="reset"].big,
			.button.big
			{
				font-size: 1.25em;
				padding: 0.75em 2em 0.75em 2em;
			}
		
			input[type="button"].huge,
			input[type="submit"].huge,
			input[type="reset"].huge,
			.button.huge
			{
				font-size: 1.5em;
				padding: 0.75em 2em 0.75em 2em;
			}

	/* Box */

		.box
		{
		}

			.box.post
			{
			}

				.box.post .info
				{
				}

					.box.post .info .stats
					{
					}
					
						.box.post .info .stats li a
						{
							opacity: 0.5;
							-moz-transition: opacity .25s ease-in-out, background-color .25s ease-in-out;
							-webkit-transition: opacity .25s ease-in-out, background-color .25s ease-in-out;
							-o-transition: opacity .25s ease-in-out, background-color .25s ease-in-out;
							-ms-transition: opacity .25s ease-in-out, background-color .25s ease-in-out;
							transition: opacity .25s ease-in-out, background-color .25s ease-in-out;							
						}

							.box.post .info .stats li:hover a
							{
								background-color: #f4f4f4;
								opacity: 1.0;
								font-size: 0.025em;
								font: 'Helvetica Neue', Helvetica, Arial, sans-serif;
							}

/*********************************************************************************/
/* Logo                                                                          */
/*********************************************************************************/

#logo {
	font: 16px 'Helvetica Neue', Helvetica, Arial, sans-serif;
	font-weight: 7;
	font-size: 0.75em;
	background-color: #B71616;
}

#logo a	{
	display: block;
	text-align: center;
	font-size: 16px;
	text-decoration: none;
	color: #fff;
	padding-top: 30px;
	padding-bottom: 30px;
}

/*********************************************************************************/
/* Content                                                                       */
/*********************************************************************************/
		
	#content
	{
		 /*box-shadow: 0 0 0.25em 0em rgba(0,0,0,0.25);*/
	}

		#content > .inner
		{
			/*
				This sets an upper limit on your page content to prevent it
				from looking insane on really wide displays. It's currently set
				to the width of the sample post images, but you can change it to
				whatever you like (or remove it entirely).
			*/
			max-width: 90%;
			padding-bottom: 0em;			
		}

/*********************************************************************************/
/* Sidebar                                                                       */
/*********************************************************************************/
		
	#sidebar
	{
		position: absolute;		
		width: 15em; /* = whatever you want */
		background: #c13030;
		min-height: 0px;
		height: 0px;
		padding-top: 0px;
		padding-bottom: 0px;
	}

		body.left-sidebar #sidebar
		{
			left: 0;
		}
	
		body.right-sidebar #sidebar
		{
			right: 0;
		}